<head>
    <title>Login</title>
    <meta name='layout' content='mainNoNav' />
    <style type='text/css' media='screen'>
    #login {
        margin-left: auto ;
        margin-right: auto ;
    }

    </style>

    <g:javascript>
        $(document).ready(function(){
            $("#username").focus();
        });
    </g:javascript>
</head>

<body>
<div class="ui-widget css_center" style="width: 20%;">
    <div class="ui-widget-header ui-corner-top"><h1 style="text-align: center;"><b>Login</b></h1></div>
    <div class="css_center ui-widget-content ui-corner-bottom" >
        <g:if test='${flash.message}'>
            <div class='login_message ui-state-error ui-corner-bottom css_center' style="width: 90%; border-top: 0;">${flash.message}</div>
        </g:if>
        <form action='${postUrl}' method='POST' id='loginForm' autocomplete='off'>
            <table id="login" style="border: none;">
                <tr>
                    <td>User Name:</td>
                    <td>
                        <input type='text' class='text_' name='j_username' id='username' />
                    </td>
                </tr>
                <tr>
                    <td>Password:</td>
                    <td><input type='password' class='text_' name='j_password' id='password' /></td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type='checkbox' class='chk' name='${rememberMeParameter}' id='remember_me'
                            <g:if test='${hasCookie}'>checked='checked'</g:if> />
                        <label for="remember_me">Remember me</label>
                    </td>
                </tr>
                <tr>
                    <td colspan="2"><hr/></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div class="css_right">
                            <g:submitButton name="submit" value="Login" class="btn-text" />
                            %{--<input class="btn-text"  type="button" value="Cancel"/>--}%
                            <a href="javascript: history.go(-1);" class="" onclick="history.go(-1);">Cancel</a>
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
</body>

</html>
